<%--
  Created by IntelliJ IDEA.
  User: w
  Date: 2017/4/18
  Time: 20:33
  To change this template use File | Settings | File Templates.
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <link rel="apple-touch-icon" sizes="76x76" href="../assets/img/apple-icon.png">
    <link rel="icon" type="image/png" sizes="96x96" href="../assets/img/favicon.png">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

    <title>Paper Dashboard by Creative Tim</title>

    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
    <meta name="viewport" content="width=device-width" />





</head>
<body>
<jsp:include page="nav/customCss.jsp" flush="true"/><!--动态包含-->
<div class="wrapper">
    <jsp:include page="nav/left.jsp" flush="true"/><!--动态包含-->
    <jsp:include page="nav/copyrights.jsp" flush="true"/><!--动态包含-->
    <div class="main-panel">

        <jsp:include page="nav/top.jsp?title='用户'" flush="true"/><!--动态包含-->
        <script>
            $("#pageTitle").text("用户管理");
            $("#userinfo").parent().children().removeClass();
            $("#userinfo").addClass("active"); //移除p元素的所有class
            $("#upgrade").addClass("active-pro"); //移除p元素的所有class
        </script>
        <div class="content">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">
                    <div class="x_title">
                        <h2><small>用户基本信息</small></h2>
                        <ul class="nav navbar-right panel_toolbox">
                            <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                                <ul class="dropdown-menu" role="menu">
                                    <li><a href="#">Settings 1</a>
                                    </li>
                                    <li><a href="#">Settings 2</a>
                                    </li>
                                </ul>
                            </li>
                            <li><a class="close-link"><i class="fa fa-close"></i></a>
                            </li>
                        </ul>
                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content">
                        <p class="text-muted font-13 m-b-30">

                        </p>
                        <table id="datatable-checkbox" class="table table-striped table-bordered bulk_action">
                            <thead>
                            <tr>
                                <td></td>
                                <th>序号</th>
                                <td>ID</td>
                                <th>用户名</th>
                                <th>密码</th>
                                <th>姓名</th>
                                <th>工号</th>
                                <th>角色</th>
                                <th>电话</th>
                                <th>邮箱</th>
                                <th>学校</th>
                                <th>学院</th>
                                <th>专业</th>

                            </tr>
                            </thead>


                            <tbody>

                            <c:forEach items="${userList}" var="node" varStatus="status">
                                <tr>
                                    <td></td>
                                    <td style="color: darkgreen;font-weight: bolder">${ status.index + 1}</td>
                                    <td><c:out value="${node.id}"></c:out></td>
                                    <td><c:out value="${node.username}"></c:out></td>
                                    <td><c:out value="${node.password}"></c:out></td>
                                    <td><c:out value="${node.name}"></c:out></td>
                                    <td><c:out value="${node.cardNum}"></c:out></td>
                                    <td><c:out value="${node.role}"></c:out></td>
                                    <td><c:out value="${node.telephone}"></c:out></td>
                                    <td><c:out value="${node.email}"></c:out></td>
                                    <td><c:out value="${node.university}"></c:out></td>
                                    <td><c:out value="${node.college}"></c:out></td>
                                    <td><c:out value="${node.major}"></c:out></td>
                                </tr>

                            </c:forEach>




                            </tbody>
                        </table>



                    </div>
                </div>
            </div>
        </div>

        <jsp:include page="nav/foot.jsp" flush="true"/><!--动态包含-->

    </div>
</div>


</body>

<script>

 /*   $(document).ready(function() {

        $(".icons").css('display','none');
    });
 */

</script>

</html>

